import React, { Component,Suspense } from 'react'
import {Switch,Route,Redirect} from "react-router-dom"
export class RouterView extends Component {
  render() {
    const{routerConfig}=this.props
    return (
      <Suspense fallback="路由加载中">
        <Switch>
           {routerConfig.length?routerConfig.map((item,index)=>{
             return item.redirect ? <Redirect 
             key={index} 
             to={item.path}></Redirect>
             : <Route 
             key={index} 
             path={item.path} 
            //  component={item.component} 
             render={()=>{
               return <item.component routerConfig={item.children}></item.component>
             }}
             ></Route>
           }):"暂无路由"}
        </Switch>
      </Suspense>
    )
  }
}

export default RouterView